<template>
	<view class="connent">
		<view class="top">
			<view class="one">
				<uni-data-select v-model="value" :localdata="range" @change="change" placeholder="学校"></uni-data-select>
			</view>
			<view class="two">
				<uni-data-select v-model="value1" :localdata="range1" @change="change" placeholder="专业"></uni-data-select>
			</view>
			<view class="three">
				<uni-data-select v-model="value2" :localdata="range2" @change="change" placeholder="合作意向"></uni-data-select>
			</view>
		</view>
		<view class="renwu">
			<view class="zsf" v-for="item in list" :key="item.pid" @click="gotoDetail(item)">
				<view class="tx">
					<image class="tx1" :src="item.pimg" mode="widthFix" />
				</view>
				<view class="mingzi">
					<view class="info">
						<view class="mz">{{ item.pname }}</view>
						<view class="iconfont icon-xingbienan"></view>
					</view>
					<view class="xx">{{ item.pschool }}</view>
					<view class="hzyx">合作意向：{{ item.pintent }}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			value: '',
			range: [
				{ value: 0, text: '广东科贸职业学院' },
				{ value: 1, text: '广东科贸km学院' }
			],
			value1: '',
			range1: [
				{ value: 0, text: '软件技术' },
				{ value: 1, text: '互联网' }
			],
			value2: '',
			range2: [
				{ value: 0, text: '同意' },
				{ value: 1, text: '不同意' }
			],

			list: [
				{
					pid: 1,
					pimg: '/static/page1.jpg',
					pname: '张三丰',
					pschool: '广东科贸职业学院',
					pintent: 'xxxxx'
				},
				{
					pid: 2,
					pimg: '/static/page1.jpg',
					pname: '张三丰',
					pschool: '广东科贸职业学院',
					pintent: 'xxxxx'
				},
				{
					pid: 3,
					pimg: '/static/page1.jpg',
					pname: '张三丰',
					pschool: '广东科贸职业学院',
					pintent: 'xxxxx'
				}
			]
		};
	},
	methods: {
		change(e) {
			console.log('e:', e);
		},
		gotoDetail(item){
			uni.navigateTo({
				url:'/subpkg/partner/partnerDetail?pid='+item.pid
			})
		}
	}
};
</script>

<style scoped>
.top {
	display: flex;
	align-items: center;
	padding: 40rpx;
}
.one,
.two,
.three {
	width: 240rpx;
	border-radius: 20rpx;
	margin-right: 20rpx;
}
/deep/ .uni-select__input-box {
	/* 超出省略号显示 */
	text-overflow: ellipsis !important;
	overflow: hidden !important;
}
/deep/ .uni-select__selector-item{
			font-size: 24rpx !important;
		}
.zsf {
	display: flex;
	align-items: center;
	height: 240rpx;
	/* border-bottom-color:  #7f7f7f; */
	border: 2rpx solid #bebebe;
	border-bottom: 0;
	font-size: 34rpx;
	padding-left: 40rpx;
}
.zsf:last-child {
	border: 2rpx solid #bebebe;
}
.tx1 {
	width: 180rpx;
	height: 180rpx;
	border-radius: 50%;
}
.mingzi {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding-left: 40rpx;
}
.mingzi .info{
	display: flex;
	align-items: center;
}
.icon-xingbienan {
	margin-left: 30rpx;
}
.xx {
	font-size: 30rpx;
	margin: 20rpx 0;
}
.hzyx {
	font-size: 34rpx;
}
.zsf1 {
	height: 240rpx;
	/* border-bottom-color:  #7f7f7f; */
	border: 2rpx solid #bebebe;
}
</style>
